<template>
  <section class="QuickCalendarMonthColumn__container">
    <div v-for="item in items" :key="item" class="list">
      <span v-if="item.col == column" class="item">
        {{ item.date }}
      </span>
      <!-- <span class="item"></span> -->
    </div>
  </section>
</template>

<script>
export default {
  props: {
    column: 0,
    items: [],
  },
};
</script>

<style lang="scss" scoped>
.QuickCalendarMonthColumn__container {
  .list {
    display: flex;
    flex-direction: column;

    .item {
      width: 100px;
      height: 50px;
      border: 1px solid #ebebeb;
    }
  }
}
</style>